<template>
  <div class="my-foots">
    <div class="first">
      <ul>
        <li>
          <p>社区地图</p>
          <div>
            <p @click="$router.push('/PlayerShare')">酒馆</p>
            <p @click="$router.push('/Scheme')">攻略</p>
            <p @click="$router.push('/Off')">官方</p>
            <p @click="$router.push('/Code')">硬核</p>
            <p @click="$router.push('/writeShare')">同人图</p>
            <p @click="navigator.go('https://mall.mihoyo.com/ys?utm_source=bbs&utm_medium=mys&utm_campaign=navigationBar')">米游铺</p>
            <p @click="$router.push('/Cos')">COS</p>
          </div>
        </li>
        <li>
          <p>了解我们</p>
          <div>
            <p>关于我们</p>
            <p>加入我们</p>
            <p>原神官网</p>
            <p>米哈游官网</p>
          </div>
        </li>
        <li>
          <p>相关信息</p>
          <div>
            <p>米游社隐私政策</p>
            <p>米游社服务协议</p>
            <p>米哈游用户协议</p>
            <p>儿童隐私政策</p>
            <p>自律公约</p>
          </div>
        </li>
        <li>
          <p>联系我们</p>
          <div class="talk">
            <p>地址：上海市徐汇区宜山路700号C4栋6层</p>
            <p>电话：400-666-6312（每天10:00~20:00）</p>
          </div>
        </li>
        <li>
          <img src="https://img-static.mihoyo.com/new_qrcode/qrcode_ys.png" alt="">
          <p>扫码下载米游社App</p>
          <p>了解提瓦特最新资讯</p>
        </li>
      </ul>
    </div>
    <div class="last">
      <p>© 2018 米哈游版权所有｜沪公网安备31010402001113号｜沪ICP备19018275号-4</p>
      <p>沪网文〔2022〕1334-052号｜增值电信业务经营许可证：沪B2-20190555</p>
      <p>互联网违法不良信息举报电话：021-60371750（工作时间：每天10点-20点）｜互联网违法不良信息举报邮箱：tousu@mihoyo.com</p>
      <p>亲爱的市民朋友，上海警方反诈劝阻电话“962110”系专门针对避免您财产被骗受损而设，请您一旦收到来电，立即接听。</p>
      <ul>
        <li>
          <img src="@/assets/1.png" alt="">
        </li>
        <li>
          <img src="@/assets/2.png" alt="">
        </li>
        <li>
          <img src="@/assets/3.png" alt="">
        </li>
        <li>
          <img src="@/assets/4.png" alt="">
        </li>
        <li>
          <img src="@/assets/5.png" alt="">
        </li>
        <li>
          <img src="@/assets/6.png" alt="">
        </li>
      </ul>
    </div>
  </div>
</template>

<script>
export default {
  
}
</script>

<style scoped>
.my-foots{
  /* padding: 50px 0; */
  background: #2E2F33;
  color: #999;
}
.first{
  border-bottom: 1px solid #999;
  width: 65%;
  margin: 0 auto;
  padding: 40px 0;
}
.first ul{
  display: flex;
  justify-content: space-evenly;
}
.first ul li>p{
  font-weight: 600;
  margin-bottom:25px ;
  font-size: 15px;
}
.first ul li div{
  width: 140px;
  display: flex;
  flex-flow: row wrap;
  /* justify-content: space-between; */
}
.first ul li div p{
  font-size: 14px;
  margin-right: 20px;
  line-height: 26px;
}
.first ul li .talk{
  width: 300px;
}
.first ul li:last-child{
  text-align: center;
  width: 200px;
}
.first ul li:last-child img{
  width: 100px;
  margin-bottom:10px;
}
.first ul li:last-child p{
  margin:5px;
  font-weight: lighter;
}
.first ul li:last-child p:nth-child(2){
  color: #1FBBF4;
}
.last{
  color: #65666A;
  text-align: center;
  font-size: 14px;
  padding: 40px 0;
}
.last ul{
  display: flex;
  justify-content: center;
}
.last p{
  margin-bottom:5px ;
}

.last ul li{
  margin-top:10px ;
  margin-right:10px;
}
</style>